// document dou树
// dom 事件监听
const panels = document.querySelectorAll('.panel')
// JS中除了string,number,boolean,undefined,null,其他都是对象
// 对象的一个子类
console.log(panels,
    panels[0],
    typeof panels[0],// 瞎的
    // [object HTMLDivElement]
    Object.prototype.toString.call(panels[0])
);
panels.forEach(function(panel){
    // console.log(panel);
    //事件监听需要在元素上
    panel.addEventListener('click',function () {
        // 点击当前项添加active类名
        const cur = document.querySelector('.active')
        if(cur){
            cur.classList.remove('active')
        }
        panel.classList.add('active')
    })
    
})